<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="../jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	/*
		$()下的常用方法:
			get():把JQ转成原生JS，括号内写下标。
			不写表示一组中的所有元素，但是如果只有一个元素必须写0
	*/
	$(function() {
		// $('#div1').html('你好');

		$('#div1').get(0).innerHTML = '你好';
		
		//循环多个元素
/*		for (var i = 0; i < $('li').get().length; i++) {
			$('li').get(i).style.background = "#45dfff";	//实际上发现，用get()[i]也没有问题
		};
*/
		//循环多个元素
		for (var i = 0; i < $('li').length; i++) {		//jQ中也有length的方法，因此不属于混用length = size()
			$('li')[i].style.background = "#45dfff";		//加[]也会自动转成原生
		};
	});
	</script>
</head>
<body>
	<div id="div1">div</div>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</body>
</html>